/* 
    Document   : xmb
    Created on : Nov 30, 2011, 6:46:57 PM
    Author     : 006550
    Description:
        Purpose of the stylesheet follows.
*/

*::selection{background:#bbe8fc; color:white;}/** CSS 3 */
*{

    font-family:Tahoma,Calibri,Sans Serif, Arial;

}


* a{
    text-decoration: none;
}
a:active ,a:link ,a:visited{color:black;}
a img{text-decoration: none;} /** workaround for IE **/

/*.xmb.font{font-family: Calibri,Tahoma,Sans Serif, Arial;}*/

.xmb_txtfld{

    /*    height: 18px;*/
    font-size: 13px;
    padding:0 3px;

    background-image:url(../../../asset/global/imgs/form_bg.jpg);
    background-repeat:repeat-x;
    /*    border:1px solid #d1c7ac;*/
    border:1px solid lightgray;
    color:#333333;
    padding:3px;
    margin-right:4px;
    margin-bottom:8px;
    font-family:tahoma, arial, sans-serif;
    outline: none;
}

.xmb_txtfld-active{

    border:solid 1px #26B3F7;
}

#xmb_main{
    width:100%;
    height:100%;
    margin: 0 auto;
    display: none;
    /**border: solid green 1px;*/
}
#xmb_main .xmb.menu_bar{
    height: 46px;
    background: gray;
    padding: 0 0 0 10px;


    /**border: solid blue 1px;**/
}
#xmb_main .xmb.menu_bar .xmb.menu{
    width:150px;
    /*                height:30px;*/
    float: left;

    /**border: solid red 1px;**/
}

#xmb_menu_bar{
    width: 100%;
    height: 100%;
}
#xmb_menu_bar .xmb.menus{
    padding: 0px 5px;
    width: 250px;
    max-width: 780px;
    white-space: nowrap;
}

#xmb_main .xmb.top{
    height:100px;
    padding:0 0 0 10px;

    /**border: solid red 1px;**/
}
#xmb_middle{
    
    height:100%;
    width:100%;
    /**border:solid blue 1px;**/
}
#xmb_middle .xmb.side-pane{
    padding-top:30px;
    padding-right:10px;
    width:220px;
    min-width:180px;
    height: 100%;
    vertical-align: top;
}
/*#xmb_middle .xmb.side-pane #login_box{
    
    height: 100%;
    border: solid black 1px;
    
}*/

#side_pane_box{height: 100%;}
#side_pane_box a table.form_menu {
    height: 25px;
    width: 100%;
    text-align: left;

    /**border: solid pink 1px;*/
}

#side_pane_box a table.form_menu.sp.xmb-selected {
    background: #E8F2F6;
}

#side_pane_box a table.form_menu td.label{
    font-family: tahoma;
    font-size: 13px;
    padding: 0 0 0 5px;
}

#side_pane_box a table.form_menu .xmb.icon{
    vertical-align: middle;
    width:24px;
    /**border: solid blue 1px;**/
}
#side_pane_box a table.form_menu .xmb.icon img{
    width:20px;
    margin:2px;
}

#xmb_middle .xmb.work-pane{
    
/*    border: solid yellow 1px;*/
    vertical-align: top;
    /*                height: 100%;*/
}
#xmb_workpane{
    vertical-align: top;
    height: 100%;/** for FIREFOX **/
    padding:3px 0 0 0;
}
#xmb_copyright{padding:10px 5px;font-size:11px;text-align: center;margin-top: 20px;}

.xmb.earth{
    /*    background: #fafafa;*/
    border-bottom: solid #e6e6e6 1px;
    overflow: auto;
}

.solar_system{
    /*                border: solid green 1px;*/
    height: 100%;
    width: 100%;
}
.solar_system .xmb.earth{text-align: center;height: 100%;}
.solar_system .xmb.middle_doc,
.solar_system .xmb.center_doc{
    /*                margin:0 auto;*/
    margin:40px auto;
    width:900px;
    /*                border: solid blue 1px;*/
    height: 100%;
    background:white;
}


/**! note_box - usually use for posting an error or notification message to a page. **/

.xmb.center_note  .xmb.note_box{
    
    width:100%;
    height:100%;    
    
}


.xmb.center_note  .xmb.note_box .xmb.img{
    
    vertical-align: middle;
    width: 30%;
    
}

.xmb.center_note  .xmb.note_box .xmb.desc{
    
    vertical-align: middle;
    
}

.xmb.center_note  .xmb.note_box .xmb.desc .xmb.phrase.short{
    
    
    
}
.xmb.center_note  .xmb.note_box .xmb.desc .xmb.phrase.long{
    
    
    
}

/**! note_box **/



.solar_system .xmb.center_doc{
    margin-top: 0;
}

.solar_system .xmb.center_note{
    height: 5in;
    width: 7in;
    margin: 0 auto;
    margin: 10% auto;
    background: white;
}

/** Loading control **/
.xmb.loading_control{
    margin: 0 auto;
}
.xmb.loading_control .img{
    width:30px;
}
.xmb.loading_control .lbl{
    font-family: tahoma;
    font-size: 11px;
    color:white;
    width:3in;
}

/** !Loading control **/

/*
#xmb_login_pane{

    
    display:none;
    
}

#xmb_login_pane #login_box{
    
    display: none;
    width: 2.5in;
    height: 80%;
    margin: 0 auto;
    border: solid black 1px;
    
}*/

.auth_form{

    padding: 5px;

}
.auth_form .h1{

    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    color: gray;

}
.auth_form .lbl{

    padding: 10px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    color: gray;
}
.auth_form .fld {

    height: 20px;

}
.auth_form .fld .xmb_txtfld{

    width: 100%;

}
.auth_form .btnpane{

    padding:10px 0;

}

.xmb.middle,
.xmb.top{

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  rgba(9,114,165,0.19) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(9,114,165,0.19)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(9,114,165,0.19) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(9,114,165,0.19) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(9,114,165,0.19) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(9,114,165,0.19) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#300972a5', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}



.xmb.shadow_01{

    -webkit-box-shadow: -2px 0px 2px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:    -2px 0px 2px rgba(50, 50, 50, 0.1);
    box-shadow:         -2px 0px 2px rgba(50, 50, 50, 0.1);

}

.xmb.showcase{

    width: 100%;

}

.xmb.header1{
    
    font-size: 14px;
    font-weight: bold;
    color:gray;
    text-align: left;
}

.xmb.showcase  .xmb.service_box,.xmb.header1{
    
    width: 90%;
    border: solid #f2f2f2 1px;
    margin: 0 auto 5px auto;
    
}

.xmb.showcase .xmb.service_box{

    background: #f2f2f2;

}
.xmb.showcase .xmb.service_box.header{background: white;}
.xmb.showcase .xmb.service_box.header .xmb.title{

    font-weight: bold;
    font-size: 12px;
    color:#616161;
    padding: 5px 0;

}

.xmb.showcase .xmb.service_box .xmb.img{

    height:1.8in;
    min-height:3in;
    width:2.5in;    
    vertical-align: middle;

}
.xmb.showcase .xmb.service_box .xmb.desc{

    vertical-align: top;
    text-align: left;
    font-size: 12px;

}
.xmb.showcase .xmb.service_box .xmb.desc.v2{
    
    vertical-align: middle;
    
}
.xmb.showcase .xmb.service_box .xmb.desc .xmb.text{

    padding:5px 10px;
    line-height: 1.8;

}
.xmb.showcase .xmb.service_box .xmb.desc .xmb.title{

    font-size: 12px;
    border: solid white 1px;
    padding:3px 5px;
    margin:5px 0;
    background: white;
    color: gray;
    font-weight: bold;
}


